<ion-header>
  <ion-toolbar class="toolbar-head">
    <ion-buttons slot="start" mode='ios'>
      <ion-back-button text=""></ion-back-button>
    </ion-buttons>
    <ion-title>Shipping Addresses</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content>


<!-- 
  <ion-item class="text-center">
    <img src="../../../../assets/img/add-icon.png" alt="">
    <ion-label>添加新地址</ion-label>
  </ion-item>  -->

 <div class="item-address" *ngFor="let item of addressList" (click)="onClickItem(item,$event)">
    <label class="item-address-label" >{{item.addressUserName}}</label>
    <label>{{item.addressPhone}}</label>
    <div class="item-address-right" *ngIf="item.addressType==0">
      <img src="../../../../assets/img/default-addr.png" alt="">
      <label >Default Address</label>
    </div>
    <p>
      <ion-text>{{item.way}}&nbsp;{{item.address}},{{item.city}},{{item.province}}&nbsp;&nbsp;{{item.country}}  
      </ion-text>
    </p>
    <img src="../../../../assets/img/activity/edit.png" style="padding-left: 20px;padding-right: 0px;" alt="" (click)="edit(item,$event)">
  </div>
<!-- 

  <div class="item-address" >
      <label class="item-address-label">牙牙</label>
      <label>1539800450</label>
      <div class="item-address-right">

        <label >设置为默认地址</label>
      </div>
      <p>
        <ion-text>陕西省西安市长安区信息大道紫薇田园都市西门
        </ion-text>
      </p>
      <img src="../../../../assets/img/activity/edit.png" style="padding-left: 20px;padding-right: 0px;" alt="" >
    </div>
  
  
   -->








  <ion-button (click)="add()" class="bg-ion-button" expand="block" fill="outline">Add a shipping address  </ion-button>




</ion-content>